﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <link href="${pageContext.request.contextPath }/static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath }/static/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/base.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/info-mgt.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/statics/h-ui/css/H-ui.min.css" />
    <style>
        .layui-layer-title{background:url(images/righttitlebig.png) repeat-x;font-weight:bold;color:#46647e; border:1px solid #c1d3de;height: 33px;line-height: 33px;}
        #label1{width: 130px;text-align: right;font-size: 14px;font-weight: 800;color: #46647e;line-height: 70px;}
		#label2{width: 85px;text-align: right;font-size: 14px;font-weight: 800;color: #46647e;line-height: 50px;}
		#g{color: red;}
        .l_left{float: left}
        .tabe_bot input,.tabe_bot  select{width: 180px;height: 40px;border-radius: 6px;margin:0 20px 0 0;border: none;border: 1px #ccc solid}
        .tabe_btn{width: 60px;height: 30px;background-color: #68b86c;border: none;border-radius: 6px;color: #fff}
    	#subLogin{width: 120px;}
    	.div-body {padding: 20px;}	
		.table-sty {height: 360px;width: 1660px;overflow: auto;padding: 10px;border: 5px solid #1E90FF;;}	
		
		body {background: linear-gradient(#ffffff, #D3E6FF, #D3E6FF, #BFDBFF);}
		.buttons {display: inline-block;font-size: 14px;border-radius: 5px;border: 1px solid #9DA0A4;text-align: center;background: linear-gradient(#DEECFF, #CAE1FF, #B6D6FF);color: #1E90FF;height: 30px;line-height: 30px;width: 90px;}	
		.buttons:hover {background: linear-gradient(#B6D6FF, #CAE1FF, #DEECFF);}
    </style>
    <title>操作员维护</title>
</head>

<body onload="Mesload()">
<div class="title"><h2>操作员维护</h2></div>
<div class="query">
	<div  style="background-color: #E0FFFF;margin-bottom: 100px; height: 100px;"><!--背景页数为浅蓝色部门 -->
    	<div class="tabe_bot">
    		
    		<div class="l_left"><label id="label1">姓名：</label><input placeholder="自动生成票号"/></div>
    		<div class="l_left"><label id="label1">输入码：</label><input id="demo1" placeholder="输入年月" /></div>
        	<br />
        	<!--<div class="input-group">-->
        	<div style="text-align: center;">
        		<input  name="" type="button" class="btn btn-success radius size-L"
							value="查询" id="subLogin">
				<input  name="" type="button" class="btn btn-success radius size-L"
							value="新增" id="subLogin">
				<input  name="" type="button" class="btn btn-success radius size-L"
							value="删除" id="subLogin">
        	</div>
			
			
    </div>
    
   </div>
   
   <div class="div-body">
				<div class="table-sty">
					<table id="table"  width="2000">
						
						
					</table>
				</div>
	</div>
</div>






<div class="pagination ue-clear"></div>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/bule_js/jquery.js"></script>

<script src="${pageContext.request.contextPath }/static/bule_js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/static/bule_js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath }/static/bule_js/bootstrap-table-zh-CN.min.js"></script>
<script src="${pageContext.request.contextPath }/static/bule_js/date/js/laydate.js"></script>
<script src="${pageContext.request.contextPath }/static/bule_js/message.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/statics/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath }/static/js/layer_v2.1/layer/layer.js"></script>


<script>
    $(function () {
        $('#table').bootstrapTable({
            method: "get",
            striped: true,
            singleSelect: false,
            url: "",
            dataType: "json",
            pagination: true, //分页
            pageSize: 10,
            pageNumber: 1,
            search: false, //显示搜索框
            contentType: "application/x-www-form-urlencoded",
            queryParams: null,
            columns: [
                {
                    checkbox:"true",
                    field: 'ID',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: "商品编号",
                    field: 'name',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '品名',
                    field: 'gender',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '生产厂家',
                    field: 'graduate',
                    align: 'center'
                },
                {
                    title: '规格',
                    field: 'education',
                    align: 'education',
                    valign: 'middle'
                },
                {
                    title: '型号',
                    field: 'major',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '单位',
                    field: 'postId',
                    align: 'center'
                   
                },
                 {
                    title: '产品注册证号',
                    field: 'workExperience',
                    align: 'center',
                   
                },
                 {
                    title: '实际进价',
                    field: 'registraTime',
                    align: 'center',
                   
                },
                {
                    title: '数量',
                    field: 'resumeState',
                    align: 'center',
                    
                },
            	 {
                    title: '总金额',
                    field: 'resumeState',
                    align: 'center',
                    
                },
                {
                    title: '',
                    field: 'id',
                    align: 'center',
                    formatter: function (value, row) {
                        var e = '<a  href="#" onclick="openlayer(\'' + row.id + '\')">编辑</a> ';
                        var c = '<a  href="#" onclick="openlayer(\'' + row.id + '\')">删除</a> ';
                        return e+c;
                    }
                }
            ]
        });
    });
    $(function () {
        $('#table2').bootstrapTable({
            method: "get",
            striped: true,
            singleSelect: false,
            url: "",
            dataType: "json",
            pagination: true, //分页
            pageSize: 10,
            pageNumber: 1,
            search: false, //显示搜索框
            contentType: "application/x-www-form-urlencoded",
            queryParams: null,
            columns: [
                {
                    checkbox:"true",
                    field: 'ID',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: "商品编号",
                    field: 'name',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '品名',
                    field: 'gender',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '生产厂家',
                    field: 'graduate',
                    align: 'center'
                },
                {
                    title: '规格',
                    field: 'education',
                    align: 'education',
                    valign: 'middle'
                },
                {
                    title: '型号',
                    field: 'major',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '单位',
                    field: 'postId',
                    align: 'center'
                   
                },
                 {
                    title: '产品注册证号',
                    field: 'workExperience',
                    align: 'center',
                   
                },
                 {
                    title: '实际进价',
                    field: 'registraTime',
                    align: 'center',
                   
                },
                {
                    title: '数量',
                    field: 'resumeState',
                    align: 'center',
                    
                },
            	 {
                    title: '总金额',
                    field: 'resumeState',
                    align: 'center',
                    
                },
                {
                    title: '',
                    field: 'id',
                    align: 'center',
                    formatter: function (value, row) {
                        var e = '<a  href="#" onclick="openlayer(\'' + row.id + '\')">编辑</a> ';
                        var c = '<a  href="#" onclick="openlayer(\'' + row.id + '\')">删除</a> ';
                        return e+c;
                    }
                }
            ]
        });
    });
</script>

<script type="text/javascript">
	$(function() {
				$('.table-sort').dataTable({
					"aaSorting": [
						[1, "desc"]
					], //默认第几个排序
					"bStateSave": true, //状态保存
					"aoColumnDefs": [
						//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
						{
							"orderable": false,
							"aTargets": [0, 8, 9]
						} // 制定列不参与排序
					]
				});
				
				$('.providerlist1').dataTable({
					"aaSorting": [
						[0, "desc"]
					], //默认第几个排序
					"bStateSave": true, //状态保存
					"aoColumnDefs": [
						//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
						{
							"orderable": false,
							"aTargets": [0, 1, 2, 3, 4, 5, 6]
						} // 制定列不参与排序
					]
				});
				/*$('.table-sort tbody').on('click', 'tr', function() {
					if($(this).hasClass('selected')) {
						$(this).removeClass('selected');
					} else {
						table.$('tr.selected').removeClass('selected');
						$(this).addClass('selected');
					}
				});*/

				$('td').parent().click(function() {
					$(this).toggleClass('back-color');
					$(this).siblings().removeClass('back-color');
				});

			});
</script>

</html>
